<!-- 页面说明 -->
<template>
  <main class="page-main">
    <a-flex class="width" justify="space-around">
      <a-tooltip title="修改">
        <a-button type="text" size="small" class="button-edit" @click="onEdit">
          <template #icon>
            <FormOutlined/>
          </template>
        </a-button>
      </a-tooltip>

      <a-tooltip title="删除">
        <a-button type="text" size="small" class="button-delete"  @click="onDelete">
          <template #icon>
            <DeleteOutlined/>
          </template>
        </a-button>
      </a-tooltip>
    </a-flex>
  </main>
</template>
<script lang="ts">
import {DeleteOutlined, FormOutlined} from "@ant-design/icons-vue";

export default {
  components: {
    DeleteOutlined, FormOutlined
  },
  data() {
    return {}
  },
  methods: {
    onEdit() {
      this.$emit("onEdit");
    },
    onDetail() {
      this.$emit("onDetail");
    },
    onDelete() {
      this.$emit("onDelete");
    }
  },
  computed: {},
  watch: {},
  mounted() {

  }
}
</script>
<style scoped>

</style>